<template>
    <div class="bottom">
        <div class="link-list">
            <p><span>友情链接</span></p>
            <div ><a class="item">金水茶生活</a><a class="item">百度</a><a class="item">网易严选</a><a class="item">天猫</a><a class="item">京东</a></div>
        </div>
        <div class="tips">- 找不到心仪的东西？<a class="">交给我们吧！</a></div>
        <div class="copyright">Copyright © 2004-2017 玛斯奇Masky.vip 版权所有</div>
    </div>
</template>

<script>
export default {
    name: 'bottom',
    data () {
        return {

        }
    },
    methods:{

    }

}
</script>
<style scoped>
    .bottom{
        padding: 10px;
        text-align: center;
        color: #999;
        line-height: 2rem;
    }
    .bottom .tips a{
        color: #42b983;
        font-weight: bold;
    }
    .link-list .item{
        font-size: 0.9rem;
    }
    .link-list .item:after{
        display: inline-block;
        content: '|';
        margin: 0 5px;
        color: #ccc;
    }
    .link-list .item:last-child:after{
        display: none;
    }
    .copyright{
        font-size: 0.9rem;
    }
</style>
